<f:layout name="Default" />

<f:section name="content">
    <div id="recycler-index" class="tx_recycler_recycler">
        <form id="recycler-form" class="form-inline form-inline-spaced">
            <div class="form-group">
                <div class="input-group">
                    <input type="text" name="search-text" class="form-control">
                    <span class="input-group-btn">
                        <button type="submit" class="btn btn-default disabled"><core:icon identifier="actions-search" /></button>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <select name="depth" class="form-control">
                    <option value="0"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_0" /></option>
                    <option value="1"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_1" /></option>
                    <option value="2"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_2" /></option>
                    <option value="3"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_3" /></option>
                    <option value="4"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_4" /></option>
                    <option value="999"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_infi" /></option>
                </select>
            </div>
            <div class="form-group">
                <select name="pages" class="form-control"></select>
            </div>
        </form>
        <div class="table-fit">
            <table class="table table-hover" id="itemsInRecycler">
                <thead>
                    <tr>
                        <th>
                            <button type="button" class="btn btn-default t3js-toggle-all"><core:icon identifier="actions-document-select" /></button>
                        </th>
                        <th><f:translate key="table.header.recordtype" /></th>
                        <th><f:translate key="table.header.record" /></th>
                        <th><f:translate key="table.header.tstamp" /></th>
                        <th><f:translate key="table.header.uid" /></th>
                        <th><f:translate key="table.header.pid" /></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div>
            <button class="btn btn-default disabled" data-action="massundo" disabled>
                <core:icon identifier="actions-edit-undo" />
                <span class="text">
                    <f:translate key="button.undo" />
                </span>
            </button>
            <f:if condition="{allowDelete}">
                <button class="btn btn-default disabled" data-action="massdelete" disabled>
                    <core:icon identifier="actions-edit-delete" />
                    <span class="text">
                        <f:translate key="button.delete" />
                    </span>
                </button>
            </f:if>
        </div>
        <nav>
        </nav>
    </div>
</f:section>
